<div class="max-width-container">
  <div class="enlarged-container">
    <h1>{{ 'ACTIONSTWO.EXECUTION.TITLE' | translate }}</h1>
    <cnsl-info-section [type]="InfoSectionType.INFO">
      {{ 'ACTIONSTWO.BETA_NOTE' | translate }}
    </cnsl-info-section>

    <cnsl-sidenav
      [indented]="true"
      [setting]="currentSetting$()"
      (settingChange)="currentSetting$.set($event)"
      [settingsList]="settingsList"
    >
      <ng-container *ngIf="currentSetting$().id === 'actions'">
        <cnsl-actions-two-actions></cnsl-actions-two-actions>
      </ng-container>

      <ng-container *ngIf="currentSetting$().id === 'targets'">
        <cnsl-actions-two-targets></cnsl-actions-two-targets>
      </ng-container>
    </cnsl-sidenav>
  </div>
</div>
